<script setup>
import { ref } from 'vue'

const dialogVisible = ref()
const info = ref()
const open = async (userName, content) => {
  dialogVisible.value = true
  info.value = { userName, content }
}

defineExpose({
  open
})
</script>

<template>
  <el-dialog title="用户反馈" width="50%" v-model="dialogVisible">
    <el-descriptions :title="'来自:' + info.userName" border>
      <el-descriptions-item width="70" align="center">
        <template #label>
          <div class="cell-item">反馈</div>
        </template>
        <span class="text">{{ info.content }}</span>
      </el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>
